<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0" />
    <title>社聚共享后台管理系统</title>
    <#include "/view/admin/head.html"/>
    <script src="${base}/jstool/metismenu.js"></script>
    <!--<script src="${base}/jstool/prism/prism.min.js"></script>-->

    <link rel="stylesheet" type="text/css" href="${base}/jstool/metismenu.min.css" />
    <link rel="stylesheet" type="text/css" href="${base}/jstool/demo.css" />
    <!--<link rel="stylesheet" type="text/css" href="${base}/jstool/default.css" />-->
    <!--<link rel="stylesheet" type="text/css" href="${base}/jstool/font-awesome.min.css" />-->
    <!--<link rel="stylesheet" type="text/css" href="${base}/jstool/prism/prism.min.css" />-->

    <style type="text/css">



        #menu a{
            /*height:50px !important;*/
            /*line-height: 40px !important;*/
            /*font-size:24px;*/
            padding:10px 20px;

        }
        body{
            /*background-color: #3d4444;*/
            background-color: #FFFFFF;

        }
        .sucaihuo-content{
            height: 100%;
            width: 100%;
            display:inline;
            white-space:nowrap;
        }
        .content{
            width:100%;
        }
        .clearfix{
            position: absolute;
            float:left;
        }
        .main-content{
            position: absolute;
            float: left;
            /*width:100%;*/
            height:100%;
            margin-left: 225px;
            /*margin-left: 250px;*/
            /*clear:both;*/
        }
        .hidleft-a{
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        .left-frame{
            position:absolute;
            /*top:45px;*/
            width:230px;
            height:100%;
        }
        .right-frame{
            position:absolute;
            width:100%;
            padding-left:225px;
            z-index: -1;
            height:100%;
        }
       /* .fme{
            white-space:nowrap;
            overflow: hidden;
            text-overflow:ellipsis;
        }*/
    </style>
    <script type="text/javascript">
        var it=1;
        $(function () {
            $('#mainframe').css('width',$(window).width()-250);
            //调用方法
////            $("#mainIframeDiv").smartFloat();
//            $('#mainIframeDiv').css('height','850px');
////            $('#menu').metisMenu();
//            $('.main-content').css('width',$(window).width()-250);
////            $('.main-content').css('height','100%');
////            $('.sidebar a').attr('target','mainFrame');
//            $('.sidebar a').each(function(){
//                var href = $(this).attr('href');
////                console.log('a='+href+';是否相等：'+('#'!=href));
//                if('#'!=href){
//                    $(this).attr('target','mainFrame');
//                }
//
//
//            });
////            $('#mainFrame').css('height',$(window).height()-60);
//            $('.main-content').css('width',$('.top-user')[0].clientWidth-250);
//            $('.top-menu-li').click(function(){
//                hidleft();
//            });


        });
        //显示left 隐藏头
        //        function hidleft3(){
        //            var divD = document.getElementById("leftDiv");
        //                divD.style.display = "block";
        //                $('#top-left1').css('display','none');
        //            $('.main-content').css('margin-left','250px');
        //            $('.main-content').css('width',$('.top-user')[0].clientWidth-250);
        //        }
        //显示头 隐藏left
        //        function hidleft2(){
        //            var divD = document.getElementById("leftDiv");
        //            if(divD.style.display=="none")
        //            {
        //                divD.style.display = "block";
        //            }
        //            else
        //            {
        //                divD.style.display = "none";
        //            }
        //        }
        //        function hidleft(){
        //            $('.clearfix').css('display','none');
        //            $('.main-content').css('margin-left','0px');
        //            $('.main-content').css('width',document.body.clientWidth);
        //            $('#top-left1').css('display','block');
        //
        //
        //        }


    </script>
</head>
<body>
<div class="sucaihuo-content bgcolor-8">
    <#include "/view/admin/top.html"/>

    <div class="fme">
        <iframe id="leftFrame" name="leftFrame" src="left.html" class="left-frame"></iframe>
        <iframe id="mainFrame" name="mainFrame" src="${base}/blank.html" class="right-frame"></iframe>
    </div>
    <!-- <#-- <div class="clearfix" id="leftDiv">
              <#include "/view/admin/left.html"/>
      </div>
          <div class="col-xs-12 main-content" id="mainIframeDiv">
              <iframe src="${base}/blank.html"  width="100%" height="840px"  frameborder="0" name="mainFrame" id="mainFrame" ></iframe>
          </div>--> -->
</div>
</body>
</html>